@rem:1/75rem;
*{margin: 0;padding: 0;}
li{list-style: none}
.dynamics{
  width: 10rem;
  height: auto;
  background: #eee;
  padding: 10*@rem 0;
  padding-bottom: 130*@rem;
  position: relative;
  .dyn-1{
    width:100%;
    .con{
      width: 100%;
      background: #fff;
      .con-head{
        width: 100%;
        height: 140*@rem;
        div{
          float: left;
          margin: 30*@rem 0 0 30*@rem;
          position: relative;
          .pichead{
            width: 92*@rem;
            height: 92*@rem;
            border-radius: 50%;
            position: absolute;

          }
          p{
            width: 340*@rem;
            height: 32*@rem;
            margin-left: 100*@rem;
            margin-top: 10*@rem;
            b{
              font-size: 28*@rem;
              color: #333;
              line-height: 32*@rem;
              display: inline-block;float: left;
            }
            img{
              width: 32*@rem;
              height: 32*@rem;
              display: inline-block;
              margin: 0 10*@rem;float: left;
            }
            img.dress{
              width: 16*@rem;
              height:20*@rem;
              margin-left: 20*@rem;
              margin-right: 10*@rem;float: left;
              margin-top: 6*@rem;
            }
            span{
              color: #fba3f4;
              font-size: 24*@rem;float: left;
            }
            strong{
              color: #999;
              font-size: 22*@rem;
              font-weight: normal;float: left;
            }
          }
        }
        span.attention{
          float: right;
          width: 98*@rem;
          height: 38*@rem;
          line-height: 38*@rem;
          border-radius: 19*@rem;
          border: 2*@rem solid #f05c5c;
          color: #f05c5c;
          font-size: 24*@rem;
          text-align: center;
          margin-right: 30*@rem;
          margin-top: 57*@rem;
        }
      }
      .con-main{
        margin-left:130*@rem ;
        position: relative;
        p{
          font-size: 24*@rem;
          color: #333;
          margin-bottom: 15*@rem;
          word-wrap:break-word;
          padding-right: 10*@rem;
        }
      }
      .con-icon{
        margin-left:130*@rem;
        height: 80*@rem;
        div{
          float: left;
          height: 70*@rem;
          line-height: 70*@rem;
          b{margin-left: 10*@rem;color: #999;font-size: 24*@rem;float: left;font-weight: normal;width: 0.6rem}
          span{color: #f05c5c;font-size: 24*@rem;margin-left: 10*@rem;float: left;font-weight: normal;width: 0.6rem}
        }
        div.icon1>img{width: 40*@rem;height: 24*@rem;float: left;margin-top: 22*@rem}
        div.icon2>img{width: 36*@rem;height: 34*@rem;margin-left: 75*@rem;float: left;margin-top: 15*@rem}
        div.icon3>img,div.icon4>img,div.icon5>img{width:40*@rem;height: 35*@rem;margin-left: 20*@rem;float: left;margin-top: 15*@rem}
      }
    }
  }
  h1{
    height: 50*@rem;
    line-height: 50*@rem;
    color: #333;
    font-weight: normal;
    font-size: 28*@rem;
    margin-left: 30*@rem;
  }
  .dyn-2{
    .con-icon>.icon2{opacity: 0}
  }
}
.photo{
  overflow: hidden;
  li{
    width: 190*@rem;
    height: 190*@rem;
    float: left;
    margin-left: 10*@rem;
    overflow: hidden;
    border-radius:8*@rem;
    margin-bottom: 10*@rem;
    img{
      width: 190*@rem;
      height: 190*@rem;
    }
  }
}
.radioM{
  height: 220*@rem;
}
.radiobg{
  width:590*@rem;
  height: 100*@rem;
  background: url("../../../img/app/shareDynamics/boxingbg.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  top:56*@rem;
}
.radio-pic{
  width: 190*@rem;
  height: 190*@rem;
  border-radius: 5*@rem;
  overflow: hidden;
  position: absolute;
  top:-45*@rem;
  left: 20*@rem;
  img{
    width: 100%;
    height: 100%;
  }
  img.mohu{
    -webkit-filter: blur(5*@rem); /* Chrome, Opera */
    -moz-filter: blur(5*@rem);
    -ms-filter: blur(5*@rem);
    filter: blur(5*@rem);
  }
}
.play{
  position: absolute;
  width: 70*@rem;
  height: 70*@rem;
  top:50%;
  left:50%;
  margin-top: -35*@rem;
  margin-left: -35*@rem;
  img{
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
}
#colorfulPulse{
  position: absolute;
  width: 310*@rem;
  font-size:0;
  top:25*@rem;
  left:220*@rem;
   span{
     margin: 0 5*@rem;
   }
}
#times{
  width: 65*@rem;
  height: 44*@rem;
  position: absolute;
  right: 0;
  top: 28*@rem;
  text-align: center;
  line-height: 44*@rem;
  font-size: 24*@rem;
  color: #fff;
}
// 弹窗
.tanc{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.8);
  z-index: 88;
}
.tanc-con{
  width: 500*@rem;
  height: 400*@rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 25%;
  margin-left: -250*@rem;
  border-radius: 10*@rem;
  img{
    width: 120*@rem;
    height: 120*@rem;
    margin: 35*@rem auto;
    display: block;
  }
  p{
    text-align: center;
    color: #666;
    font-size: 36*@rem;
    line-height: 36*@rem;
  }
  span>a{
    height: 100*@rem;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2*@rem solid #e3e3e3;
    width: 100%;
    text-align: center;
    color: #ee5d5f;
    font-size: 32*@rem;
    font-weight: bold;
    line-height: 100*@rem;
    text-decoration: none;
  }
}
